*{
    margin:0;
    padding:0;
}
.container{
    width:1707px;
    height:1000px;
    background-color: whitesmoke;
}

.head{
    width:1707px;
    height:60px;
    background-color: aquamarine;
}
.juejin{
    float:left;
    width:107px;
    height:22px;
    padding:19px 0px 17px 0px;
    margin:0px 12px 0px 24px;
}
.juejin img{
    width:107px;
    height:22px;
}

.headMain{
    width:1507px;
    height:60px;
    margin:0px 100px 0px 100px;
    background-color: rgb(200, 200, 231);
}

.headLeft{
    float:left;
    width:550px;
    height:60px;
    margin-left: 10px;
}

.headLeft > a{
    float: left;
    margin: 19px 20px 0px 0px;
    display: inline-block;
    font: 15px/23px Arial,sans-serif;
    color: #222;
    text-decoration: none;
    
}

.search{
    float:left;
    width:361px;
    height:60px;
    margin:0px 12px 0px 80px;
    background-color: rgb(183, 226, 212);
}

.search > input{
    width:304px;
    height:17px;
    padding:7px 0px 7px 12px;
    margin-top: 15px;
    
}

.leftWindow{
    position:fixed;
    left:180px;
    top:90px;
    width:170px;
    height:460px;
    background-color:white;
    padding:8px;
    border-radius: 4%;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}

.leftWindow > a{
    /* float:left; */
    
    margin: 19px 20px 0px 0px;
    display: inline-block;
    font: 15px/23px Arial,sans-serif;
    color: #222;
    text-decoration: none;
}

.mainWindow .top{
    float:left;
    width: 500px;
    height:150px;
    background-color: antiquewhite;
}